//↓↓↓↓↓↓↓↓↓↓↓------ 常用 ------↓↓↓↓↓↓↓↓↓↓↓
// 当el-row 中存在 label 及第二个组件时，控制 label 显示与 其他组件的宽度最大化
.labelRowOrCol {
  display: flex;
  display: -webkit-flex;
  align-items: center;

  > span:first-child {
    line-height: 30px;
    font-size: 0.95em;
  }

  :nth-child(2) {
    flex: 1;
    -webkit-flex: 1;
  }
}

.toolbar {
  margin-bottom: 8px;
}
//↑↑↑↑↑↑↑↑↑↑↑------ 常用 ------↑↑↑↑↑↑↑↑↑↑↑

//↓↓↓↓↓↓↓↓↓↓↓------ 其他 ------↓↓↓↓↓↓↓↓↓↓↓
.actionBtn {
  width: 32px;
}
//↑↑↑↑↑↑↑↑↑↑↑------ 其他 ------↑↑↑↑↑↑↑↑↑↑↑

//↓↓↓↓↓↓↓↓↓↓↓------ table 相关 ------↓↓↓↓↓↓↓↓↓↓↓
.scroll {
  .ant-table-body-outer {
    margin-bottom: 0px !important;
  }
  .ant-table-fixed-header .ant-table-body-inner {
    overflow-x: auto !important;
  }
}
//↑↑↑↑↑↑↑↑↑↑↑------ table 相关 ------↑↑↑↑↑↑↑↑↑↑↑

//↓↓↓↓↓↓↓↓↓↓↓------ card 相关 ------↓↓↓↓↓↓↓↓↓↓↓
// card 原始样式修改，不需要引入该class
.ant-card-body {
  padding: 10px 10px !important;
  cursor: default !important;
}

.ant-card-hoverable {
  cursor: default !important;
}

// 减小 card 的 header
.smallHeader .ant-card-head {
  min-height: 40px;
  height: 40px !important;
  .ant-card-head-title {
    padding: 8px 0;
    font-family: Arial, Helvetica, sans-serif;
  }
  .ant-card-extra {
    padding: 0 0;
  }
}

.fillNoHeaderFlex {
  .ant-card-body {
    height: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    align-content: stretch;
    -webkit-align-content: stretch;
    align-items: stretch;
    flex-flow: column;
    justify-content: space-between;
  }
}

//↑↑↑↑↑↑↑↑↑↑↑------ card 相关 ------↑↑↑↑↑↑↑↑↑↑↑

//↓↓↓↓↓↓↓↓↓↓↓------ tabs 相关 ------↓↓↓↓↓↓↓↓↓↓↓
// 将tabs 的标签向右移动，左右放其他东西，比如按钮
.tabRight {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-content: stretch;
  -webkit-align-content: stretch;
  align-items: stretch;
  flex-flow: column;
  .ant-tabs-bar {
    margin: 0 0 0 0 !important;
  }
  .ant-tabs-top-bar {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-content: stretch;
    -webkit-align-content: stretch;
    align-items: stretch;
    flex-flow: row;
    // height: 100%;
    align-items: center; /*定义容器的元素垂直居中*/
  }
  .ant-tabs-extra-content {
    float: none !important;
    display: inline-block;
    flex: 1;
  }
  .ant-tabs-nav-container {
    display: inline-block;
  }
  .ant-tabs-content {
    flex: 1px;
  }
}
//↑↑↑↑↑↑↑↑↑↑↑------ tabs 相关 ------↑↑↑↑↑↑↑↑↑↑↑

//↓↓↓↓↓↓↓↓↓↓↓------ ant css覆盖 ------↓↓↓↓↓↓↓↓↓↓↓
.ant-divider {
  background-color: #d9d9d9 !important;
}

// 树节点前面不留空白
.ant-tree li .ant-tree-node-content-wrapper {
  padding: 0 5px 0 0 !important;
  width: calc(100% - 30px);
}
//↑↑↑↑↑↑↑↑↑↑↑------ ant css覆盖 ------↑↑↑↑↑↑↑↑↑↑↑
